Websites kan je verfraaien met allerlei hulpmiddelen: formulieren, links naar afbeeldingen, 
kleuren, blitse achtergronden, software, enz. Hier vertellen we je enkele tips en trucs die een 


en ander zullen vergemakkelijken. 


HTML/JAVASCRIPT 


Afbeeldingen beschermen 


Stel dat je foto's op je site wil zetten, maar niet wil dat iemand an- 
ders daarmee aan de haal gaat. Je wil ze dus beveiligen tegen ko- 
piëren. We bespreken hier kort enkele mogelijkheden, zonder eni- 
ge aanspraak op volledigheid te willen maken. 

Als je al tevreden bent met het uitsluiten van de rechtermuistoets- 
functie, dan kan je dat snel klaren met een eenvoudig JavaScript- 
je. Omdat het zo kort is, drukken we het hier even af: 


Je hoeft deze code enkel letterlijk over te tikken en in je html-bron- 
code net boven de tag </HEAD> te plaatsen. Wel moet je de func- 
tie vangaf() nog automatisch laten oproepen zodra de webpagina 
wordt ingeladen. Dat doe je door in je <body>-tag het volgende op 
te nemen: OnLoad="vangaf()”. 

Dit scriptje werkt echter enkel op een Windows-pc. Op een Mac 
komt er ook een pop-up met het Copyright maar met de rechter- 
muisknop (Control + klik) kan men zonder problemen de foto’s 
alsnog kopiëren. 


Ben je niet zo’n script-goochelaar, dan kan je het programma Ho- 
mepage Protector van Data Becker in huis halen (€ 22,50). Dat 
pakket heeft overigens nog wel enkele andere trucjes in huis die 
het ‘stelen’ van je webinhoud verhinderen. Een waterdichte bevei- 
liging biedt dat allemaal echter niet. Gelukkig zijn er oplossingen 
die wat steviger in hun schoenen staan. 

Eén ervan is Secure Image (Pro) van Artistscope. Je kan een gratis 
proefversie downloaden op [ www.artistscope.co.uk/secure_image/ 
download-uk-europe.htm |. Dit programma versleutelt afbeeldin- 
gen op je website en zorgt ervoor dat ze bijvoorbeeld enkel recht- 
streeks op die site kunnen worden bekeken. Tracht een bezoeker 
de bewuste afbeelding toch te kopiëren, dan kan je hem automa- 
tisch naar een andere webpagina omleiden. 

Een vergelijkbare oplossing is ImageSafe (gratis proefversie op 
[ www. kagi.com/equitysoft/ imagesafe.html J). Dit programma 
biedt meer mogelijkheden dan 
Secure Image. Zo kan je bijvoor- 
beeld een ‘overlay’-beeld over je 
afbeelding laten lopen zodat ook 
screenshots van je afbeelding ver- 
stoord worden, je kan het aantal 
dagen instellen dat de beveiliging 
intact moet blijven, of je kan een 
wachtwoord aan je afbeelding 
hangen. 

Ten slotte kan je ook nog een spe- 
ciaal watermerk aan je foto’s kleven. De bekendste technologie 
daarvoor is die van DigiMarc [ www.digimarc.com |, die je bij- 
voorbeeld ook in de nieuwere versies van Photoshop aantreft. 
Zo'n watermerk is onzichtbaar voor het blote oog, maar blijft wel 
achter in je afbeeldingen, ook nadat die door de mangel van een 
beeldbewerkingsprogramma werden gehaald. Op die manier kan 
je ‘gestolen’ afbeeldingen makkelijker op het web traceren, en 
daarvoor heeft DigiMarc zelfs een eigen zoekrobot ontwikkeld 
(MarcSpider). — Tvo 
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BOUWEN 


Hints & tips 


Beginnende en ervaren web- 
masters weten maar al te goed 
dat webformulieren opstellen en 
verwerken een tijdrovende kar- 
wei kan zijn. Met FormGenera- 
tor [ www.formgenerator.nl | 
kan je in minder dan vijf minu- 
ten zelf je contact-, feedback- of 
enquêteformulieren opstellen. 
Je hoeft gewoon on line enkele 


Formulieren op je site 


keuzevakjes in te vullen. Er wor- 
den drie formules aangeboden: 
Lrre, Basis en EXTREME. Het eer- 
ste pakket is gratis, maar er komt 
wel reclame in beeld nadat het 
formulier werd ingevuld. Met de 
basislicentie beschik je over alle 
functies zonder reclame, maar 
het formulier wordt niet gekop- 
peld aan een database. Bij de Ex- 

„asl TREME-formule wor- 


den de ingevulde 
data van het con- 
tactformulier opge- 
slagen in een gege- 
vensbestand dat je 
achteraf kan raad- 


Een link(e) afbeelding 


Je weet onder- EEKE 
hand al wel hoe _ Algemeen| video Vamoevng | 
> 5 Indeling 
Je Gl hyperlink Uitlijning: [Standaard Kal Horizontale afstand: [o El 
koppelt aan een Randbeede: [DH Verticale afstand. [0 
stukjetekst. Maar —_ gioate 
wist je ook dat dit IT Grootte opgeven Breede: [544 Hoogte: [75 A 

€ in pizels € in pivels 
net op dezelfde € inpecerten € inprocerten 


manier gebeur t Fe Breede-hoogteverhoudina behouden 


bij een afbeelding: gewoon even klikken op de figuur, de op- 
tie HYPERLINK aanklikken in het menu INVOEGEN, en het juis- 
te adres invullen. Soms kan het gebeuren dat je afbeelding 
daardoor een lelijke rand krijgt, om de bezoeker duidelijk 
te maken dat er een link achter die afbeelding schuilgaat. 
Ben je die rand liever kwijt dan rijk, klik dan met de rechter- 
muistoets op de figuur en kies EIGENSCHAPPEN VAN FIGUUR 
uit het snelmenu. In het tabblad VORMGEVING stel je de RAND- 
BREEDTE vervolgens in op de waarde o. Meteen is de rand ver- 


Animated gif: Een snelle opeenvolging van een aantal gif-afbeeldin- 
gen, die telkens lichtjes van elkaar verschillen. Op die manier ontstaat 
er een beweging, volgens het principe van de animatiefilm. 


Gif: Graphics Interchange Format, een gecomprimeerd formaat van 
afbeeldingen met maximaal 256 kleuren. 


plegen. Zelfs in de 
gratis formule mag 
je zoveel formulie- 
ren aanmaken als 
je zelf wil. —ps 


Landencodes 


„be, .dk, jp, ‚nz, ‚pl. Komen deze lettercombinaties over als Chi- 
nees? Nee, het is geen Chinees, dit zijn gewoon landencodes voor 
webpagina's. Internetadressen eindigen dikwijls op een code die 
de oorsprong van de site verklapt. Een adres dat eindigt op .be wijst 
op een Belgische site, terwijl een adres met 
International G Brad 
180 Organizationfor als extensie ‚nl een Nederlandse website is. 
Sonderdzaton Adressen eindigend op ‚com wijzen in prin- 
Alle extensies vind 
je hier. 


cipe op Amerikaanse bedrijven, maar veel in- 
ternationale bedrijven maken ook gebruik 
van deze extensie. Webmasters uit het landje Tuvalu zullen hun 
webadres zien eindigen op .tv, maar deze extensies worden dik- 
wijls gebruikt om websites over televisie op te zetten. Ondanks alle 
afwijkingen kan het soms wel handig zijn om te weten waar een 
site vandaan komt. Een volledige lijst van deze extensies is te vin- 
den op de website van het ISO (International Organization for Stan- 
dardization): [ www.iso.org/iso/en/prods-services/iso3166ma/ 
02iso-3166-code-lists/index.html |. — sc 
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dwenen! — Tvo 


FRONTPAGE 


Kleur bekennen 


Meer kleuren 


@) 


Een bont gamma van kleuren 
op een webpagina kan mis- 
schien de eerste seconden in- 
druk maken, maar al snel 
gaat zo’n kleurenweelde je 
bezoekers op de zenuwen 
werken. Het komt veel kunst- 
zinniger over wanneer je 
kleuren harmonisch bij el- 
kaar aansluiten. Bijvoorbeeld. 
wanneer je tekst (deels) de- 
zelfde kleur heeft als een 
hoofdtoon uit de bijbehoren- 
de afbeelding(en). Hoe ge- 
raak je nu aan exact dezelfde 
kleur voor je letters? Dat kan 
heel eenvoudig in FrontPage: 
selecteer je tekst en kies Let- 


KEI 


Hex={BA,48,73} 


TERTYPE... in het menu Op- 


MAAK. Klik op het zwarte drie- 
hoekje naast het veld KLEUR. 
Uit het uitschuifmenu selec- 
teer je nu de optie MEER KLEU- 
REN... Je krijgt nu een nieuw 
dialoogvenster te zien, dat je 
desnoods eerst wegschuift 
van de afbeelding waaruit je 
de tekstkleur wil halen. Druk 
vervolgens op de knop Sr- 
LECTEREN... Je cursor veran- 
dert nu in een pipetje. Hier- 
mee klik je de gewenste kleur 
op je figuur aan. Bevestig met 
OK en zie daar: je tekst heeft 
nu exact dezelfde kleur ge- 
kregen! Fraai, toch? — Tvo 


2x 


Wat mag en eh mag niet? 


Sommige mensen 
zetten op hun site 
graag een reeks pro- 
grammaatjes. Wat 
mag er nu wél en 
wat mag niet? Free- 
ware mag je uiter- 
aard op je site zetten. 
Het is gratis en voor 
iedereen te gebrui- 
ken. Ook shareware 
mag, maar daarvoor 
verwacht de maker 
doorgaans een klei- 
ne vergoeding. Ook « 
als je die niet betaalt, zal de sharewa- 
re goed blijven werken. Soms - bij- 
voorbeeld bij sommige JavaScripts - 
verschijnt er dan een mededeling op 
het scherm dat de shareware (nog) 
niet betaald is. 

Wat in principe niet mag, is materi- 
aal van andere sites plukken en op je 
eigen site gebruiken, zonder dat je de 
eigenaar van het materiaal daarom 
gevraagd hebt. Echt nodig is dat niet, 


want je vindt op het net zo’n enorme 
hoop gratis ‘goodies’, zoals gif’s, ani- 
mated gif's, foto’s, scripts enzovoort, 
dat je gigantische sites kan bouwen 
met alleen maar gratis materiaal. Kijk 
maar eens op [ www.leejoo.nl |. Je 
gelooft je ogen niet. Niet te bang zijn 
dus om materiaal op je site te ge- 
bruiken. Alleen even controleren of 
er rechten op moeten betaald wor- 
den. — ws 


Comprimeer je beelden on line 


Ook jpg-bestandjes kunnen erg groot 
worden. Zeker digitale foto’s met een 
hoge resolutie nemen al gauw heel 
wat plaats in. Programma’s als Pho- 
toshop geven je wel de mogelijkheid 
deze beelden te verkleinen en com- 


pressie toe te passen, maar niet 
iedereen heeft deze software thuis op 


z’n pc staan. Met de jpeg-wizard 
[ www.jpegwizard.com | kan je een 
foto insturen (gif-‚bmp- en jpg-be- 
standen) en de gewenste compressie 
aanduiden. Je kan ook een evaluatie- 
versie van het programma down- 
loaden. 

— Sven Naessens — 


Een heuse lichtkrant 


Tegenwoordig kom je zowat overal van die licht- 
kranten tegen, zelfs op webpagina's. Wil je er ook 
eentje, dan is dat klusje in FrontPage zo geklaard. 
Klik op de plaats waar je de lichtkrant wil. Ga ver- 
volgens naar het menu INVOEGEN, kies ONDERDEEL, 
LICHTKRANT... Er verschijnt een dialoogvenster waar- 
in je niet alleen je tekst kwijt kan (witte balk bo- 
venaan), maar ook allerlei leuke instellingen. Zo 
kan je hier de achtergrondkleur vastleggen, maar 
ook hoe groot je de lichtkrant had gewild, in welke 
richting je tekst moet bewegen, hoe snel en hoe 
vaak dat dient te gebeuren, enz… Eén druk op OK, 
en je lichtkrant is kant en klaar! Wil je het resultaat 
snel bewonderen, druk dan helemaal onderaan het 
FrontPage-venster op het tabblad VoorBEELD. Hou 
er wel rekening mee dat je kunstwerk enkel in In- 
ternet Explorer-browsers te zien is. — TvD 


Welcome to my TANZANI 


Je eigen lichtkrant. 


Een blitse achtergrond 


Wil je een webpagina opfleuren met een origineel patroontje? 
Dan klik je met de rechtermuistoets op een lege plaats op de 
pagina, en kies je de optie EIGENSCHAPPEN VAN PAGINA... uit het 
snelmenu. Open ag zag el 7 a 
het tabblad Acn- 
TERGROND. Plaats in 
de rubriek OPMAAK 
een vinkje bij AcH- 
TERGRONDFIGUUR 
(en bij WATERMERK) 
als je wil dat je achtergrondfiguur niet meescrollt als een sur- 
fer door je pagina bladert. Klik vervolgens op de knop BLADE- 
REN... en ga op zoek naar een geschikte afbeelding (gif of jpeg). 
Wil je die zelf aanmaken, dan kan dat bijvoorbeeld in MS Paint 
(START-knop, PROGRAMMA'S, BUREAU-ACCESSOIRES, PAINT). Zorg 
er wel voor dat je figuur klein genoeg blijft: die wordt op 
de webpagina immers toch herhaald, net als tegels op een 
muur. —TvD 


Een euh… druk tegelpatroontje. 
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